<template>
  <div>
        <el-carousel indicator-position="outside" height="600px">
            <el-carousel-item v-for="(item,index) in list" :key="index">                
                    <img v-lazy="`http://47.115.85.237:3000/${item.imgPath}`" />
            </el-carousel-item>
        </el-carousel>

  </div>
</template>

<script>
export default {
  name:"",
// 组件注册
  components: {},
// 父组件传参
  props: {},
// 变量声明  
  data() {
    return {
        list:[]
    };
  },
// Vue实例创建完成以后执行 数据可用 
 async created() {
     let res = await this.$axios.post("api/resources/carousel")
    //  console.log(res)
     let { carousel } = res.data
     this.list = carousel

  },
// Vue模板挂载完毕以后执行  DOM节点加载完毕了（可以获取节点了） 
  mounted() {},
// keepalive 缓存进入执行 
  activited() {},
// vue组件更新完毕以后执行 
  update() {},
// 定义事件 
  methods: {

  },
// 过滤器 
  filter: {},
// 计算属性 
  computed: {},
// 监听属性 
  watch: {},
};
</script>

<style scoped>
img{
    width: 100%;
    height:100%;
}

</style>
